<!doctype html>
<html lang="en" id="index" >
<head> 
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index_login.css">
</head>
<body>
    <div class='common-header'>
        <div class='left'>
            <a href="">
                <i class='iconfont icon-left'></i>
            </a>
        </div>
        <div class="middle">
            登录
        </div>
        <div class="right">
            <a href="">
                <i class='iconfont icon-home1'></i>
            </a>
        </div>
    </div>
    <div class='shadow'></div>
    <div class='main'>
        <div class='controls'>
            <i class='iconfont icon-phone'></i>
            <input type="text" placeholder="请输入手机号码" name="">
        </div>
        <div class='controls'>
            <i class='iconfont icon-lock'></i>
            <input type="text" placeholder="请输入密码" name="">
        </div>
        <a class="forget-mm">
            忘记密码? 
        </a>
        <a href=javascript:; class='btn btn-origin'>登录</a>
        <a  href=javascript:; class='btn btn-register'>
            <span>没有帐号？</span><i>请注册</i>
        </a>
    </div>

</body>
</html>